/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const IconNews: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M578.048 516.352c43.008-21.6576 96.4096-48.64 96.4096-121.7024 0-83.2512-71.7824-141.4144-174.592-141.4144-74.752 0-140.6976 42.9056-163.9424 106.7008-5.376 14.7456-9.984 39.168-5.4272 59.648a22.9888 22.9888 0 0 0 44.8512-10.0352c-1.8432-8.3456-0.256-22.8864 3.7376-33.8432 13.824-38.0928 56.6272-76.4928 120.832-76.4928 75.7248 0 128.6144 39.2192 128.6144 95.4368 0 42.6496-27.0336 58.4704-71.168 80.6912-38.4 19.456-86.1696 43.52-86.1696 103.168v56.832a22.9888 22.9888 0 1 0 45.9264 0v-56.832c0-29.9008 22.016-42.496 60.928-62.1568zM459.7248 734.0032a34.4576 34.4576 0 1 0 68.864 0 34.4576 34.4576 0 0 0-68.864 0z"
        fill={getIconColor(color, 0, '#333333')}
      />
      <path
        d="M946.432 511.488A436.48 436.48 0 0 0 509.952 75.008a436.48 436.48 0 0 0 0 872.96 433.408 433.408 0 0 0 262.8096-89.1904 19.0464 19.0464 0 0 0-14.336-32 18.944 18.944 0 0 0-14.0288 5.9392h-0.256a392.8576 392.8576 0 0 1-233.728 77.1072 395.264 395.264 0 1 1 395.264-395.264 392.704 392.704 0 0 1-44.8 184.5248v0.3072c-0.512 1.8432-1.1264 3.6352-1.1264 5.632a19.2512 19.2512 0 1 0 37.376 6.656v0.1024c30.976-60.0576 49.3056-128 49.3056-200.2944z"
        fill={getIconColor(color, 1, '#333333')}
      />
    </svg>
  );
};

IconNews.defaultProps = {
  size: 22,
};

export default IconNews;
